*{margin:0;padding:0;font-size:14px;font-family: "微软雅黑";box-sizing: border-box;color: #4D4D4D;}
html,body{width:100%;height:100%;}
#xmind{
    width:100%;
    height:100%;
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    z-index:1;
}

.xmd-dCanvas{
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    transform: scale(1);
    z-index:2;
}

.xmd-node{
    display:inline-block;
    padding:14px 36px;
    border-radius:2px;
    cursor: pointer;
    background-color:#fff;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; */
    border:2px solid #3BA9F6;
    border-radius: 4px;
    position: absolute;
    user-select:none;
    z-index:10;
    pointer-events: auto;
}

.xmd-node-root{
    background-color:#3BA9F6;
    padding:20px 46px;
}
.xmd-node-root .node-txt{
    font-size:18px;
    color:#fff;
}

.xmd-svg{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1; 
    pointer-events: none;
}

.xmd-svg_contact{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:11; 
    pointer-events: none;
}

.xmd-drawDiv{
    display:inline-block;
    padding:14px 36px;
    border-radius:1px;
    cursor: pointer;
    background:rgba(229,229,229,.8);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index:1;
    color:rgba(77,77,77,.8);
    border:2px solid rgba(59,168,246,.8);
    border-radius: 4px;
    pointer-events: none;
    /* opacity: 0.64; */
}
/* .xmd-drawDiv:after{
    position: absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background-color:rgba(255,255,255,.64);
    border-radius: 4px;
    content:"\20"
} */

.xmd-edit{
    position: absolute;
    top:4px;
    left:5px;
    z-index:12;
    color:#fff;
    width:calc(100% - 10px);
    padding:0 10px;
    height:calc(40px);
    background-color:#5288F5;
    border:none;
}

.xmd-active{
    /* border-color:rgba(59,168,246,.3); */
    /* background:rgba(59,168,246,.3);
    color:rgba(59,168,246,1); */
    /* border-width: 3px; */
}
.xmd-active .node-txt{
    /* color:rgba(59,168,246,1); */
}

.xmd-node-in{
    position:absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    z-index:1;
    /* pointer-events: none; */
    /* background-color:red; */
}

.xmd-node-in.active{
    border:2px solid #F6753B;
    border-radius: 4px;
}

.xmd-node-up{
    position:absolute;
    top:-14px;
    left:0px;
    width:100%;
    height:14px;
    /* background-color:blue; */
}

.xmd-node-up.active,.xmd-node-down.active{
    background-color:#F6753B;
}

.xmd-node-down{
    position:absolute;
    top:100%;
    left:0px;
    width:100%;
    height:14px;
    /* background-color:green; */
}

.xmd-node-down .active{
    background-color:#F6753B;
}

.xmd-vbox{
    position:absolute;
    top:0px;
    left:0px;
    width:70px;
    height:20px;
    border: 2px solid #F6753B;
    background-color:#FFBC9F;
    border-radius: 4px;
}

.xmd-node-pull-l{
    position:absolute;
    top:0px;
    left: -23px;
    z-index:-1;
    width:12px;
    height:12px;
    border-radius:12px;
    border:1px solid #3BA9F6;
    transition: color .25s;
    color:#3BA9F6;
    display:none;
    background-color:#fff;
}

.xmd-node-pull-r{
    position:absolute;
    top:0px;
    right: -23px;
    z-index:-1;
    width:12px;
    height:12px;
    border-radius:12px;
    border:1px solid #3BA9F6;
    transition: color .25s;
    color:#3BA9F6;
    display:none;
    background-color:#fff;
}

/* .xmd-node-pull-l:hover,.xmd-node-pull-r:hover{
    background-color:#fff;
    color:#409eff
} */

.xmd-node-pull-plus{
    background-color:#3BA9F6;
}

.xmd-node-pull-remove{
    background-color:#fff;
}

.xmd-node-pull-plus,.xmd-node-pull-remove{
    z-index:10;
    display:block;
}

.xmd-node-pull-plus:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    margin-left: -3px;
    margin-top: -0.5px;
    border-top: 1px solid #fff;
}

.xmd-node-pull-plus:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 6px;
    margin-left: -0.45px;
    margin-top: -3px;
    border-left: 1px solid #fff;
}

.xmd-node-pull-remove:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    margin-left: -3px;
    margin-top: -0.5px;
    border-top: 1px solid ;
}

.xmd-contentMenu{
    position        : fixed;
    min-width       : 100px;
    min-height      : 50px;
    background-color: #fff;
    box-shadow      : 0 1px 3px 0 rgba(0,0,0,0.2);
    transition      : all 200ms ease-in-out;
    border-radius   : 3px;
    z-index         : 9;
}

.xmd-cntItem{
    padding     : 3px 12px;
    font-size   : 12px;
    line-height : 18px;
    cursor      : pointer;
    transition  : all 120ms ease-in-out;
}
.xmd-cntItem:hover{
    background-color:#f2f9ff;
    color:#3BA9F6;
}

.xmd-menu{
    position: fixed;
    top:20px;
    left:50%;
    z-index:999;
}
.xmd-menu a{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    text-decoration:none;
}

.xmd-menu a:hover{
    background-color:#f2f9ff;
    color:#3BA9F6;
    
}